$f: 19.2;

.select2-container .select2-selection--single {
  height: 52/$f+vw;
}
.select2-container--default .select2-selection--single {
  padding: 0 24/$f+vw;
  border-radius: 8/$f+vw;
  border: 1/$f+vw solid #000;
  background: unset;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 52/$f+vw;
  color: #000;
  font-size: 16/$f+vw;
  font-weight: 300;
  text-transform: capitalize;
}
.select2-selection__arrow {
  display: none;
}
.select2-dropdown {
  border: none;
  border-radius: 8/$f+vw;
  padding: 14/$f+vw;
}
.select2-results__option {
  padding: 12/$f+vw 10/$f+vw;
  border-radius: 4/$f+vw;
}
.select2-container--default .select2-results__option--selected {
  background: #DCE8FE;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  border-color: #5E9EFF;
}
.select2-container--default .select2-results>.select2-results__options {
  max-height: 300/$f+vw;
}
.select2-container {
  width: 478/$f+vw !important;
}
.home {
  overflow: hidden;
  .banner {
    position: relative;

    // &::before {
    //   content: '';
    //   display: block;
    //   position: absolute;
    //   left: 0;
    //   top: 0;
    //   width: 100%;
    //   height: 100%;
    //   background: rgba(0, 0, 0, .25);
    // }

    img {
      width: 100%;
      display: block;
      object-fit: cover;
    }

    .text {
      position: absolute;
      left: 240/$f+vw;
      bottom: 178/$f+vw;

      .links {
        display: flex;
        align-items: center;
        margin-bottom: 71/$f+vw;

        a {
          color: #F1F1F1;
          font-size: 18/$f+vw;
          transition: all 600ms;
          &:hover{
            color:#146DFC;
          }
        }

        span {
          width: 40/$f+vw;
          height: 1px;
          background: #FFF;
          margin: 0 20/$f+vw;
        }
      }

      h1 {
        line-height: 1.2;
        color: #FFF;
        font-size: 75/$f+vw;
        font-weight: 600;
        text-transform: capitalize;
      }

      .line {
        width: 98/$f+vw;
        height: 8/$f+vw;
        background: linear-gradient(90deg, #3E88FF 0%, #146DFC 100%);
        margin-top: 10/$f+vw;
      }
    }
  }

  .section1 {
    padding: 100/$f+vw 240/$f+vw;
    display: flex;
    justify-content: space-between;
    position: relative;
    .go_text{
      position: absolute;
      left: 0;
      bottom: 104/$f+vw;
      z-index: -1;
      .marquee-scroll{
        display: flex;
        width: 100vw;


      }
      .marquee-content{
        display: flex;
        .list{
          width: fit-content;
          opacity: 0.25;
          background: linear-gradient(270deg, rgba(216, 216, 216, 0.20) 0%, #D8D8D8 46.5%, rgba(216, 216, 216, 0.20) 100%);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-size: 240/$f+vw;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-transform: uppercase;
          margin: 0 30/$f+vw 0 0;
        }
      }
    }


    .l {
      width: 393/$f+vw;

      .t {
        color: #000;
        font-size: 48/$f+vw;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: capitalize;
      }

      .t2 {
        margin-top: 60/$f+vw;
        color: #000;
        font-size: 40/$f+vw;
        font-weight: 600;
        line-height: 1.3;

        span {
          color: #3279FF;
        }
      }
    }

    .r {
      width: 813/$f+vw;

      .item {
        border-bottom: 1px solid #D9D9D9;

        &:not(:last-child) {
          margin-bottom: 30/$f+vw;
        }

        .p1 {
          color: #666;
          font-size: 20/$f+vw;
          text-transform: uppercase;
        }

        .des {
          margin: 10/$f+vw 0 30/$f+vw 0;
          font-size: 24/$f+vw;
        }
      }

      .icons {
        margin-top: 40/$f+vw;
        display: flex;
        justify-content: flex-end;

        a {
          &:not(:last-child) {
            margin-right: 14/$f+vw;
          }

          img {
            width: 30/$f+vw;
            display: block;
            transition: all 600ms;
          }

          &:hover {
            img {
              transform: scale(1.05);
            }
          }
        }
      }
    }

    .ct {
      position: absolute;
      left: 0;
      bottom: 180/$f+vw;
      width: 100%;
      z-index: -1;
    }
  }

  .section2 {
    .bg {
      img {
        width: 100%;
        display: block;
        object-fit: cover;
      }
    }
  }

  .c_form {
    width: 1440/$f+vw;
    height: 1061/$f+vw;
    margin: 0 auto;
    border-radius: 20/$f+vw;
    background: #F5F5F5;
    margin-top: -406/$f+vw;
    transform: scale(1);
    overflow: hidden;
  }
//   表单板块样式
.form_common {
  position: relative;
  padding: 93/$f+vw 0 100/$f+vw;
  .bg {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      background:  #f5f5f5;
      width: 100%;
      height: 100%;
      img {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
      }
  }
  .wrap {
      width: 1118/$f+vw;
      margin: 0 auto;
      .title {
          margin: 0 0 52/$f+vw;
          h3 {
              color: #000;
              font-size: 48/$f+vw;
              font-weight: 600;
              letter-spacing: 0.96/$f+vw;
              text-transform: capitalize;
              margin: 0 0 14/$f+vw;
          }
          p {
              color: #000;
              font-size: 20/$f+vw;
              font-weight: 400;
              letter-spacing: 1/$f+vw;
              text-transform: uppercase;
          }
      }
      form {
          width: 100%;
          margin: 0 auto;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          .item {
              width: 478/$f+vw;
              margin: 0 0 40/$f+vw;
              h5 {
                  color: #000;
                  font-size: 16/$f+vw;
                  font-weight: 300;
                  line-height: 125%;
                  text-transform: capitalize;
                  margin: 0 0 9/$f+vw;
              }
              input {
                  width: 478/$f+vw;
                  height: 52/$f+vw;
                  padding: 0 24/$f+vw;
                  border-radius: 8/$f+vw;
                  border: 1/$f+vw solid #000;
                  background: unset;
                  color: #000;
                  font-size: 16/$f+vw;
                  font-weight: 300;
              }
              textarea {
                  width: 100%;
                  height: 108/$f+vw;
                  padding: 15/$f+vw 24/$f+vw;
                  border-radius: 8/$f+vw;
                  border: 1/$f+vw solid #000;
                  background: unset;
                  color: #000;
                  font-size: 16/$f+vw;
                  font-weight: 300;
                  resize: none;
              }
              select {
                  width: 478/$f+vw;
                  height: 52/$f+vw;
                  padding: 0 24/$f+vw;
                  border-radius: 8/$f+vw;
                  border: 1/$f+vw solid #000;
                  background: unset;
                  color: #000;
                  font-size: 16/$f+vw;
                  font-weight: 300;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  -ms-appearance: none;
                  -o-appearance: none;
                  appearance: none;
                  
              }
              .select {
                  position: relative;
                  img {
                      display: block;
                      position: absolute;
                      width: 18/$f+vw;
                      height: 18/$f+vw;
                      top: 50%;
                      transform: translateY(-50%);
                      right: 24/$f+vw;
                  }
              }
              
              
          }
          .item1 {
              width: 100%;
          }
          .prompt {
              width: 100%;
              margin: -17/$f+vw 0 0;
              h5 {
                  color: #000;
                  font-size: 16/$f+vw;
                  font-weight: 300;
                  line-height: 125%;
                  text-transform: capitalize;
                  margin: 0 0 12/$f+vw;
              }
              p {
                  color: #000;
                  font-size: 16/$f+vw;
                  font-weight: 300;
                  line-height: 125%; /*  */
                  text-transform: capitalize;
                  a {
                      position: relative;
                      transition: 0.6s;
                      &::after {
                          content: "";
                          width: 100%;
                          height: 1/$f+vw;
                          background: #000;
                          position: absolute;
                          left: 0;
                          bottom: 3/$f+vw;
                          transition: 0.6s;
                      }
                      &:hover {
                          color: #5E9EFF;
                          &::after {
                              background: #5E9EFF;
                          }
                      }
                  }
              }
          }
          .btn {
              width: 100%;
              margin: 60/$f+vw 0 0;
              button {
                  display: flex;
                  width: fit-content;
                  padding: 8/$f+vw 30/$f+vw;
                  justify-content: center;
                  align-items: center;
                  gap: 20/$f+vw;
                  border-radius: 91/$f+vw;
                  border: 1/$f+vw solid #000;
                  background: #000;
                  transition: all 600ms;
                  color: #FFF;
                  font-size: 20/$f+vw;
                  cursor: pointer;
                  margin: 0 auto;
                  p {
                      line-height: 2;
                      letter-spacing: 1/$f+vw;
                      text-transform: uppercase;
                  }
                  svg{
                      width: 16/$f+vw;
                      display: block;
                  }
              
                  &:hover {
                      background: #5E9EFF;
                      border-color: #5E9EFF;
                  }
              }
          }
      }
  }
}


  .section3 {
    margin: 100/$f+vw 240/$f+vw;

    .tag {
      color: #000;
      font-size: 24/$f+vw;
      font-weight: 500;
      text-transform: capitalize;
    }

    .t {
      color: #000;
      font-size: 48/$f+vw;
      letter-spacing: 1px;
      text-transform: capitalize;
      margin: 12/$f+vw 0 80/$f+vw 0;
    }

    .list {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 40/$f+vw 30/$f+vw;

      a {
        border-radius: 20/$f+vw;
        background: rgba(245, 245, 245, 1);
        display: block;
        padding: 40/$f+vw 30/$f+vw 43/$f+vw 30/$f+vw;
        transition: all 600ms;

        h1 {
          color: #000;
          font-weight: 500;
          font-size: 32/$f+vw;
          transition: all 600ms;
        }

        .info {
          transition: all 600ms;
          margin-top: 24/$f+vw;

          .item {
            display: flex;
            justify-content: space-between;

            &:first-child {
              .icon {
                margin-top: 5/$f+vw;
              }
            }

            &:nth-child(2) {
              margin: 26/$f+vw 0 32/$f+vw 0;
            }

            .icon {
              img {
                width: 30/$f+vw;
                display: block;
              }
            }

            .des {
              width: calc(100% - 2.87vw);
              color: #000;
              font-size: 18/$f+vw;
              font-weight: 300;
              line-height: 1.56;
            }
          }
        }

        &:hover {
          background: rgba(50, 121, 255, 1);

          h1 {
            color: white;
          }

          .info {
            filter: invert(100%);
          }
        }
      }
    }
  }

  @media screen and (max-width: 1024px) {
    .banner {
      margin-top: 60px;
      img{
        height: 150px;
      }
      .text{
        left: 5%;
        bottom:30%;
        .links{
          margin-bottom: 40px;
          a{
            font-size: 14px;
          }
          span{
            width: 15px;
            margin: 0 10px;
          }
        }
        h1{
          font-size: 20px;
        }
        .line{
          width: 60px;
          height: 2px;
          margin-top: 5px;
        }
      }
    }
    .section1{
      padding: 30px 5%;
      flex-direction: column;
      .go_text{
        bottom: 100px;
      }
      .l{
        width: 100%;
        .t{
          font-size: 24px;
        }
        .t2{
          font-size: 20px;
          margin-top: 15px;
        }
      }
      .r{
        width: 100%;
        .item{
          margin-top: 20px;
          &:not(:last-child){
            margin-bottom:20px;
          }
          .p1{
            font-size: 18px;
          }
          .des{
            font-size: 16px;
            margin: 10px 0 20px 0;
          }
        }
        .icons{
          margin-top: 20px;
          a{
            &:not(:last-child) {
              margin-right: 8px;
            }
  
            img{
              width: 20px;
            }
          }
        }
      }
    }
    .section2{
      .bg{
        img{
          height: 150px;
        }
      }
    }
    .c_form{
      width: 90%;
      height: unset;
      border-radius: 10px;
      margin-top: -120px;
    }
    .section3{
       margin: 40px 5% 60px 5%;
       .tag{
        font-size: 18px;
       }
       .t{
        font-size: 24px;
        margin: 6px 0  20px 0;
       }
       .list{
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        a{
          border-radius: 10px;
          padding: 15px;
          h1{
            font-size: 18px;
          }
          .info{
            margin-top: 12px;
            .item{
              &:first-child {
                .icon {
                  margin-top: 5px;
                }
              }
  
              &:nth-child(2) {
                margin: 12px 0 20px 0;
              }
              .icon{
                img{
                  width: 20px;
                }
              }
              .des{
                width: calc(100% - 30px);
                font-size: 16px;
              }
            }
          }
        }
       }
    }
    .form_common {
      padding: 50px 0;
      .wrap {
          width: 90%;
          .title {
              margin-bottom: 20px;
              h3 {
                  font-size: 20px;
              }
              p {
                  font-size: 14px;
              }
          }
          form {
              width: 100%;
              .item {
                  width: 100%;
                  margin-bottom: 15px;
                  h5 {
                      font-size: 16px;
                      margin: 0 0 5px;
                  }
                  input {
                      width: 100%;
                      height: 40px;
                      border-radius: 3px;
                      padding: 0 15px;
                      font-size: 16px;
                  }
                  select {
                      width: 100%;
                      height: 40px;
                      font-size: 16px;
                      
                  }
                  .select {
                      img {
                          width: 16px;
                          height: 16px;
                          right: 15px;
                      }
                  }
                  textarea {
                      width: 100%;
                      height: 100px;
                      font-size: 16px;
                      padding: 10px 15px;
                      border-radius: 3px;
                  }
              }
              .prompt {
                  h5 {
                      font-size: 18px;
                      margin: 0 0 6px;
                  }
                  p {
                      font-size: 16px;
                  }
              }
              .btn {
                  margin: 40px 0 0;
                  button {
                      padding: 4px 15px;
                      gap: 10px;
                      font-size: 16px;
                      border-radius: 80px;
                      svg{
                          width: 16px;
                      }
                  }
              }
              
          }
      }
  }

  }
}
@media screen and (max-width: 1024px) {
  .select2-container .select2-selection--single {
    height: 40px;
  }
  .select2-container--default .select2-selection--single {
    border-radius: 3px;
    padding: 0 15px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px;
    font-size: 16px;
  }
  .select2-dropdown {
    border: none;
    border-radius: 3px;
    padding: 14px;
  }
  .select2-results__option {
    padding: 12px 10px;
    border-radius: 3px;
  }
  .select2-container--default .select2-results__option--selected {
    background: #DCE8FE;
  }
  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    border-color: #5E9EFF;
  }
  .select2-container--default .select2-results>.select2-results__options {
    max-height: 300px;
  }
  .select2-container {
    width: 100% !important;
  }
}
